<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>大麦网首页</title>
    <link rel="stylesheet" href="../css/swiper-bundle.css">
    <link rel="stylesheet" href="../css/1.css">
</head>

<body>
    <div class="head">
        <div class="common clearf">
            <div class="fl">
                <img src="../img/logo.png" width="92" height="42">

            </div>
            <div class="head1">
                <ul class="fl">
                    <li>全国</li>
                    <li>首页</li>
                    <li>分类</li>
                </ul>
            </div>
            <div class="head2">
                <ul class="fr">
                    <li>登录</li>
                    <li>下载</li>
                </ul>
            </div>
            <div class="fr search-bar">
                <input style="width: 319px;height: 36px;" type="text" class="sou">
                <button style="width: 62px;height:36px" class="sou">搜索</button>
            </div>

        </div>
    </div>
    <div class="swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="../img/lunbotu1.jpg" alt=""></div>
            <div class="swiper-slide"><img src="../img/lunbo2.jpg" alt=""></div>
            <div class="swiper-slide"><img src="../img/lunbotu1.jpg" alt=""></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
        
        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
        
        <!-- 如果需要滚动条 -->
        <!-- <div class="swiper-scrollbar"></div> -->
    </div>
    </div>
    <div class="nave">
        <div class="common clearf">
            <ul class="fl">
                <li>演唱会</li>
                <li>话剧歌剧</li>
                <li>体育</li>
                <li>儿童亲子</li>
                <li>展览休闲</li>
                <li>音乐会</li>
                <li>曲苑杂坛</li>
                <li>舞蹈芭蕾</li>
                <li>二次元</li>
                <li>旅游展览</li>
            </ul>
        </div>
    </div>
    <div class="common">
        <div class="main">
            <div class="title">演唱会 </div>
            <div class="common clearf">

                <div class="col-2-5 item">
                    <img src="../img/left.1.jpg" width="290" height="458">
                </div>
                <div class="col-2-5 item">
                    <img src="../img/left.1.1.jpg" width="290" height="458">
                </div>
                <div class="col-2-5 item">
                    <img src="../img/left.1.2.png" width="290" height="458">
                </div>
                <div class="col-2-5 item">
                    <img src="../img/left.1.3.jpg" width="290" height="458">
                </div>
            </div>
        </div>
    </div>
    <div class="common">
        <div class="main">
            <div class="title">话剧歌剧 </div>
            <div class="common clearf">

                <div class="col-2-5 item">
                    <img src="../img/left.2.png" width="290" height="458">
                </div>
                <div class="col-2-5 item">
                    <img src="../img/left.2.1.jpg" width="290" height="458">
                </div>
                <div class="col-2-5 item">
                    <img src="../img/left.2.2.jpg" width="290" height="458">
                </div>
                <div class="col-2-5 item">
                    <img src="../img/left.2.3.jpg" width="290" height="458">
                </div>
            </div>
        </div>
    </div>
    <div class="common">
        <div class="main">
            <div class="title">体育比赛 </div>
            <div class="common clearf">

                <div class="col-2-5 item">
                    <img src="../img/left.3.jpg" width="290" height="458">
                </div>
                <div class="col-2-5 item">
                    <img src="../img/left.3.1.jpg" width="290" height="458">
                </div>
                <div class="col-2-5 item">
                    <img src="../img/left.3.2.jpg" width="290" height="458">
                </div>
                <div class="col-2-5 item">
                    <img src="../img/left.3.3.jpg" width="290" height="458">
                </div>
            </div>
        </div>
    </div>
    <div class="common">
        <div class="main">
            <div class="title">儿童亲子 </div>
            <div class="common clearf">

                <div class="col-2-5 item">
                    <img src="../img/left.4.png" width="290" height="458">
                </div>
                <div class="col-2-5 item">
                    <img src="../img/left.4.1.jpg" width="290" height="458">
                </div>
                <div class="col-2-5 item">
                    <img src="../img/left.4.2.jpg" width="290" height="458">
                </div>
                <div class="col-2-5 item">
                    <img src="../img/left.4.3.jpg" width="290" height="458">
                </div>
            </div>
        </div>
    </div>
    <div class="naver">
        <div class="common clearf">
            <ul class="fl">
                <li><a href="#">帮助中心</a></li>
                <li>|</li>
                <li><a href="#">公司介绍</a></li>
                <li>|</li>
                <li><a href="#">品牌识别</a></li>
                <li>|</li>
                <li><a href="#">公司大事记</a></li>
                <li>|</li>
                <li><a href="#">协议及隐私权政策</a></li>
                <li>|</li>
                <li><a href="#">廉正举报</a></li>
                <li>|</li>
                <li><a href="#">联系合作</a></li>
                <li>|</li>
                <li><a href="#">招聘信息</a></li>
                <li>|</li>
                <li><a href="#">防骗秘籍</a></li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <div class="common clearf">
            <div class="col-2">
                <img src="../img/logo1.png" width="167" height="60">
            </div>
            <div class="col-2">
                <img src="../img/erweima.jpg" width="87" height="87">
            </div>
            <div class="col-6">
                <div class="top">
                    <a href="#" class="kuang">在线客服</a>
                </div>
                <ul>
                    <li>京ICP证031057号</li>
                    <li>京ICP备11043884号</li>
                    <li>京公网安备11010502037341号</li>
                    <li>广播电视节目制作经营许可证 (京)字第02253号</li>
                </ul>
                <ul>
                    <li>网络文化经营许可证 京网文[2019]4082-420号</li>
                    <li>营业性演出许可证 京市演587号</li>
                </ul>
                <ul>
                    <li>北京红马传媒文化发展有限公司 版权所有大麦网Copyright 2003-2020 All Rights Reserved</li>
                </ul>
                <ul>
                    <li>举报投诉邮箱:damai_tousu@member.alibaba.com</li>
                </ul>
                <div class="list">
                    <img src="../img/list2.png" width="122" height="30">
                    <img src="../img/list3.png" width="49" height="30">
                    <img src="../img/list4.png" width="85" height="30">
                    <img src="../img/list5.png" width="57" height="30">
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="../js/swiper-bundle.js"></script>
<script src="../js/1.js"></script>
<script>
    
</script>

</html>